// @import '~ant-design-vue/es/style/themes/default.less';

html,
body,
#app, #root {
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.loop(@index) when (@index > -1) { 
  .m-l-@{index} {
    margin-left: @index*1px;
  }
  .m-r-@{index} {
    margin-right: @index*1px;
  }
  .m-t-@{index} {
    margin-top: @index*1px;
  }
  .m-b-@{index} {
    margin-bottom: @index*1px;
  }
  .p-l-@{index} {
    padding-left: @index*1px;
  }
  .p-r-@{index} {
    padding-right: @index*1px;
  }
  .p-t-@{index} {
    padding-top: @index*1px;
  }
  .p-b-@{index} {
    padding-bottom: @index*1px;
  }
  .w-@{index}{
    width: @index*1px;
  }
  .h-@{index}{
    height: @index*1px;
  }
  .loop(@index - 1); 
}
.loop(100);

.display-flex{
  display: flex;
}
.align-items-center{
  align-items: center;
}
.text-align-right{
  text-align: right;
}

